/*
 * Global
 */
body {
	font-family: Verdana, Sans-Serif;
	line-height:1.1em;
	min-width: 1000px; /* make squeezable? */
	font-size: 90%;
}

h2,h3,h4 {
	font-style: normal;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/*
 * Blog Navigation
 */
div#blog-right-col {
	float: left; 
	max-width: 300px;
	min-width: 200px;
	width: 20%;
	margin-top: 6px;
	padding: 0px;
}

div#blog-left-col {
	float: left; 
	max-width: 300px;
	min-width: 200px;
	width: 20%;
	margin-top: 6px;
	padding: 0px;
}

div#blog-nav {
}

div#blog-content {
	float: left; 
	margin-top: 10px;
	background: 888;
	width: 60%;
	max-width: 900px;
	padding-bottom: 200px;
}

div.blog-box {
	margin: 4px;
}

div.blog-box-body {
}

div.blog-box-head {
	padding: 1px 6px 1px 6px;
	margin: 0px;
	background: #ddd;
	font-size: 80%;
}

div.blog-nav-button > div.blog-box-body {
}

div.blog-box-body ul {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 0.5em;
	padding-left: 1em;
	padding-top: 0px;
}

div#blog-nav-box-recent-entries ul {
	/*    list-style-type: disc; */
	/*    padding-left: 1.5em; */
}

div#blog-nav-box-links ul {
	/*    list-style-type: disc; */
	/*    padding-left: 1.5em; */
}

div#archive-navi-newer {
	float: left;
}

div#archive-navi-older {
	float: right;
}


/*
 * Blog entry format
 */
div.blog-entry {
	/*float: left; - disable dynamic arrangement of divs */
	margin-bottom: 12px;
	margin-right: 5px;
	padding: 0px;
	border: 1px solid;
	background: #eee;

	/*    -moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid; */
}

div.blog-entry-title {
}

div.blog-entry-head {
	padding: 5px;
	margin: 1px;
}

div.blog-entry-date {
	float: right;
	font-size: 80%;
	margin-top: -1em;
}

div.blog-entry-contents {
	background: #ddd;
	margin: 0 1em 0 1em;
	padding: 10px;
}

span.blog-entry-nav {
	float: right;
	margin-top: -1.5em;
	font-size: 80%;
	margin-right: 0.5em;
}

ul.blog-entry-tags {
	list-style-type: none;
	font-size: 80%;
	padding: 0px;
	margin-bottom: 0.2em;
	margin-top: 1em;
	margin-left: 0.5em;
}

ul.blog-entry-tags > li                    { display: inline; }
ul.blog-entry-tags > li:after              { content: ", "; } 
ul.blog-entry-tags > li:last-child:after   { content: ""; } 
ul.blog-entry-tags > li:first-child:before { content: "Tags: "; }

/*
 * Input interface -> edit/new
 */
form.blog-edit > input[type=text] {
	width: 75%;
	background: #ccd;
	margin-top: 10px;
	border: 1px solid #000;
}

form.blog-edit > textarea {
	height: 40em;
	width: 80%;
	background: #ccd;
	margin-top: 10px;
	border: 1px solid #000;
}

div#blog-banner {
	text-align: left;
}

/*
 * Some helpers for common text formats
 */
div.smaller {
	font-size: 90%;
}

div.pre {
	white-space: pre;
	font-size: 90%;
}

blockquote {
	border-left: 4px solid #bbb;
	padding-left: 0.3em;
	margin-left: 1em;
}

